<template>
  <a-layout-content
    class="scroll"
    ref="scroll"
    :style="{
      margin: '24px 16px',
      padding: '24px',
      background: '#fff',
      Height: '300px',
      overflow: 'hidden'
    }"
  >
    <router-view />
  </a-layout-content>
</template>
<script lang="ts">
import { defineComponent, onMounted, ref } from 'vue'

export default defineComponent({
  name: 'LayoutContext',
  setup(props, context) {
    onMounted(() => {
      const BSscroll = ref(null)
      console.log(BSscroll)
      const scroll: HTMLAnchorElement | null =
        document.querySelector('a-layout-content')
      // console.log(scroll)
    })
    return {}
  }
})
</script>
<style></style>
